<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-default/index.css">
<!-- 引入组件库 -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<style>
  .el-carousel__item h3 {
    color: #475669;
    font-size: 18px;
    opacity: 0.75;
    line-height: 300px;
    margin: 0;
  }

  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
  .image {
    width: 100%;
    height:100%;
    display: block;
  }
</style>
<div id="app">
<el-menu theme="dark" :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect">
  <el-menu-item index="1">处理中心</el-menu-item>
  <el-submenu index="2">
    <template slot="title">我的工作台</template>
    <el-menu-item index="2-1">选项1</el-menu-item>
    <el-menu-item index="2-2">选项2</el-menu-item>
    <el-menu-item index="2-3">选项3</el-menu-item>
  </el-submenu>
 <el-menu-item index="3">我的信息</el-menu-item>
  <el-menu-item index="4"><a href="https://www.baidu.com" target="_blank">友情链接</a></el-menu-item>
</el-menu>
<div class="line"></div>
<el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect">
  <el-menu-item index="1">处理中心</el-menu-item>
  <el-submenu index="2">
    <template slot="title">我的工作台</template>
    <el-menu-item index="2-1">选项1</el-menu-item>
    <el-menu-item index="2-2">选项2</el-menu-item>
    <el-menu-item index="2-3">选项3</el-menu-item>
</el-submenu>
<el-menu-item index="3">我的信息</el-menu-item>
  <el-menu-item index="4"><a href="https://www.baidu.com" target="_blank">友情链接</a></el-menu-item>
</el-menu>
</div>
<div id="app2">
 <el-carousel height="800" :interval="5000" arrow="always">
    <el-carousel-item v-for="(item,index) in imgUrl" :key="item">
         <img :src="item" class="image">
    </el-carousel-item>
  </el-carousel>
</div>

<script>
new Vue({
      el: '#app',
      data: {
	activeIndex: '1',
        activeIndex2: '1'
      },
       methods: {
        handleSelect(key, keyPath) {
          console.log(key, keyPath);
        }
      }
    });
</script>
<script>
var app = new Vue({
  el: '#app2',
  data: {
    imgUrl: [
      './001.jpg',
      './002.jpg',
      './003.jpg',
      './004.jpg',
      './005.jpg'
    ]
  },
  methods: {
    
  }
});

</script>
